<template>
    <div class="forexcrt-head">
        <div class="forexcrt-head-name">
            <item ></item>
        </div>
        <div class="forexcrt-head-name" v-for="(forex, index) in forexList">
            <item :index="index" :name="forex" :content="forexList[index]"></item>
        </div>
    </div>
</template>

<script>
import item from './Item';
export default {
    props: ['forexList'],
    name: 'Header',
    data() {
        return {
        }
    },
    components: {
        item
    }
}
</script>
<style >
.forexcrt-head{
    display: inline-block;
}
.forexcrt-head-name{
    display: inline-block;
}
</style>